let colorConfigTableBody = document.getElementById('colorConfigTableBody')

marbleRaceColors.forEach(function (config) {
	let colorConfigTableRow = document.createElement('tr')

	let colorConfigIdElement = document.createElement('td')
	colorConfigIdElement.innerText = config.id
	colorConfigTableRow.appendChild(colorConfigIdElement)

	let colorConfigNameElement = document.createElement('td')
	colorConfigNameElement.innerText = config.name
	colorConfigTableRow.appendChild(colorConfigNameElement)

	let colorConfigDescriptionElement = document.createElement('td')
	colorConfigDescriptionElement.innerText = config.description
	colorConfigTableRow.appendChild(colorConfigDescriptionElement)

	let colorConfigAuthorElement = document.createElement('td')
	colorConfigAuthorElement.innerText = config.author
	colorConfigTableRow.appendChild(colorConfigAuthorElement)

	colorConfigTableBody.appendChild(colorConfigTableRow)
})